<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <th:block th:include="include :: header('车辆使用详细')"/>
</head>
<body>
<div class="main-content">
    <form class="form-horizontal" th:object="${fCarUse}">
        <div class="row">
            <div class="col-sm-6">
                <div class="form-group">
                    <label class="col-sm-4 control-label">出发时间：</label>
                    <div class="col-sm-8">
                        <p class="form-control-plaintext" th:text="*{#dates.format(startTime, 'yyyy-MM-dd')}"></p>
                    </div>
                </div>
            </div>
            <div class="col-sm-6">
                <div class="form-group">
                    <label class="col-sm-4 control-label">归行时间：</label>
                    <div class="col-sm-8">
                        <p class="form-control-plaintext" th:text="*{#dates.format(endTime, 'yyyy-MM-dd')}"></p>
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-sm-6">
                <div class="form-group">
                    <label class="col-sm-4 control-label">出发地：</label>
                    <div class="col-sm-8">
                        <p class="form-control-plaintext" th:text="*{startLocation}"></p>
                    </div>
                </div>
            </div>
            <div class="col-sm-6">
                <div class="form-group">
                    <label class="col-sm-4 control-label">目的地：</label>
                    <div class="col-sm-8">
                        <p class="form-control-plaintext" th:text="*{endLocation}"></p>
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-sm-6">
                <div class="form-group">
                    <label class="col-sm-4 control-label">起里程表数：</label>
                    <div class="col-sm-8">
                        <p class="form-control-plaintext" th:text="*{startNumber}"></p>
                    </div>
                </div>
            </div>
            <div class="col-sm-6">
                <div class="form-group">
                    <label class="col-sm-4 control-label">止里程表数：</label>
                    <div class="col-sm-8">
                        <p class="form-control-plaintext" th:text="*{endNumber}"></p>
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-sm-6">
                <div class="form-group">
                    <label class="col-sm-4 control-label">行驶里程(公里)：</label>
                    <div class="col-sm-8">
                        <p class="form-control-plaintext" th:text="*{totalNumber}"></p>
                    </div>
                </div>
            </div>
            <div class="col-sm-6">
                <div class="form-group">
                    <label class="col-sm-4 control-label">收费金额(元)：</label>
                    <div class="col-sm-8">
                        <p class="form-control-plaintext" th:text="*{price}"></p>
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-sm-6">
                <div class="form-group">
                    <label class="col-sm-4 control-label">加油量(升)：</label>
                    <div class="col-sm-8">
                        <p class="form-control-plaintext" th:text="*{jiayou}"></p>
                    </div>
                </div>
            </div>
            <div class="col-sm-6">
                <div class="form-group">
                    <label class="col-sm-4 control-label">加油金额(元)：</label>
                    <div class="col-sm-8">
                        <p class="form-control-plaintext" th:text="*{jiayouPrice}"></p>
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-sm-6">
                <div class="form-group">
                    <label class="col-sm-4 control-label">使用人：</label>
                    <div class="col-sm-8">
                        <p class="form-control-plaintext" th:text="*{carUser}"></p>
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-sm-6">
                <div class="form-group">
                    <label class="col-sm-4 control-label">停车费用(元)：</label>
                    <div class="col-sm-8">
                        <p class="form-control-plaintext" th:text="*{tingchePrice}"></p>
                    </div>
                </div>
            </div>
            <div class="col-sm-6">
                <div class="form-group">
                    <label class="col-sm-4 control-label">维修费用(元)：</label>
                    <div class="col-sm-8">
                        <p class="form-control-plaintext" th:text="*{weixiuPrice}"></p>
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-sm-6">
                <div class="form-group">
                    <label class="col-sm-4 control-label">其他费用(元)：</label>
                    <div class="col-sm-8">
                        <p class="form-control-plaintext" th:text="*{qitaPrice}"></p>
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-sm-6">
                <div class="form-group">
                    <label class="col-sm-4 control-label">事由：</label>
                    <div class="col-sm-8">
                        <p class="form-control-plaintext" th:text="*{reason}"></p>
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-sm-6">
                <div class="form-group">
                    <label class="col-sm-4 control-label">备注：</label>
                    <div class="col-sm-8">
                        <p class="form-control-plaintext" th:text="*{remark}"></p>
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-sm-6">
                <div class="form-group">
                    <label class="col-sm-4 control-label">创建人：</label>
                    <div class="col-sm-8">
                        <p class="form-control-plaintext" th:text="*{createBy}"></p>
                    </div>
                </div>
            </div>
            <div class="col-sm-6">
                <div class="form-group">
                    <label class="col-sm-4 control-label">创建时间：</label>
                    <div class="col-sm-8">
                        <p class="form-control-plaintext"
                           th:text="*{#dates.format(createTime, 'yyyy-MM-dd HH:mm:ss')}"></p>
                    </div>
                </div>
            </div>
        </div>

    </form>
</div>
<th:block th:include="include :: footer"/>

<script th:inline="javascript">
    var fCarUse = [[${fCarUse}]]
    if (fCarUse.examineRemark) {
        $("#examineRemark").css("display", "block")
    }
    if (fCarUse.examineBy) {
        $("#examineBy").css("display", "block")
    }

</script>

</body>
</html>